/**
 * 可点击链接
 * @author gf
 */
import styled from 'styled-components'

const ActiveContext = styled.span`
  display: block;
  color: #1f51a4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;

  &:hover {
    color: #4374c5;
    cursor: pointer;
  }

  &:active {
    color: #0d3d8d;
  }
`
// eslint-disable-next-line import/no-anonymous-default-export
export default (props) => (
  <ActiveContext {...props}>{props.children}</ActiveContext>
)
